<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>jquery-2</title>
		<script src="../js/jquery-3.6.3.min.js"></script>
		<script>
			$(function(){
				//隐式迭代，链式操作
				$("div").text("This is a div").css("border","4px red groove");
				$("h1").attr("align","right");
				$("#show").click(function(){
					$("#p").attr("type","text");
				});
			});
		</script>
	</head>
	<body>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<h1>顶奥维今天没有来</h1>
		<p>
			<form>
				<input type="password" placeholder="请输入密码" id="p"/>
				<span id="show"  style="cursor: pointer;">👀</span>
			</form>
		</p>
	</body>
</html>